import { useEffect } from "react"
import { useRouter } from "next/router"

import { PAGES } from "@/components/shared/constants"
import { MorphoHeadComponent } from "@/pages/morpho-optimizer"

export default function MorphoTokenPage() {
  const { query, push } = useRouter()

  const { token } = query

  useEffect(() => {
    if (!token) return
    push(`${PAGES.MORPHO_OPTIMIZER}/${token}`)
  }, [push, token])

  return (
    <>
      <MorphoHeadComponent />
    </>
  )
}